<!DOCTYPE html>
<html>
	<head>
		<meta content="text/html;" charset="utf-8"  http-equiv="Content-Type"/>
		<title>BZE</title>
		<meta name="keywords" content="BZE,BZE，VS HOLIDAY,V.S HOLIDAY">
        <meta name="description" content="VS男装,V.S BZE，BZE，BZE，BZE">
        <meta name="mobile-agent" content="format=xhtml;url=">
        <meta name="mobile-agent" content="format=html5;url=">
        <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/responsiveslides.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/index.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/scrollReveal.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/plyr.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/jquery.waterwheelCarousel.js"></script>
        <script src="js/allinone_carousel.js"></script>
        <script src="js/jquery-ui-1.8.16.custom.min.js"></script>
        <!--<script src="js/jquery.kwicks-1.5.1.js"></script>-->
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
        <link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
       	<link rel="stylesheet" type="text/css" href="css/index.css"/>
       	<link rel="stylesheet" type="text/css" href="css/plyr.css"/>
       	<link rel="stylesheet" href="css/allinone_carousel.css" />
       	<link rel="stylesheet" href="css/kwicks-slider.css" />
       	<link rel="stylesheet" type="text/css" href="css/style.css"/>
       	<link rel="stylesheet" href="css/common.css" />
	</head>
	<body>
		<div class="navbar-fixed-top" id="header">
		    <div class="nav">
		        <ul>
		        		<li><img src="img/logo.png" alt="" /></li>
		            <li id="" class="active"><a href="index.html">首页</a></li>
		            <li id=""><a href="product.html">产品</a></li>
		            <li id=""><a href="brand.html">品牌</a></li>
		            <li id=""><a href="story.html">故事</a></li>
		            <li id=""><a href="alliance.html">联盟</a></li>
		            <li><a href="https://www.tmall.com/" target="_blank">商城</a></li>
		        </ul>
		    </div>
		</div>
		
		<div id="top" class="callbacks_container">
			<ul class="rslides" id="sliderBanner">
				<li>
				  <img src="img/banner.jpg" alt="">
				</li>
				<li>
				  <img src="img/banner2.jpg" alt="">
				</li>
			</ul>
	    </div>
	    <div class="clearfix"></div>
	    
        <div class="container">
        		<img style="width: 100%;" src="img/fashion_show.jpg" alt="" />
        </div>
	    
	    	<!-- banner -->
		<div class="banner">
			<div class="container">
				<ul id="flexiselDemo3">
					<li><a href="index.html">
						<div class="banner-1">
							<img src="img/d1.jpg" class="img-responsive" alt="">
							<div class="cat_top"> 
								<i class="fa fa-thumbs-up" aria-hidden="false"></i>
								<p></p>
							</div>
						</div></a>
					</li>
					<li>
					<a href="index.html">
						<div class="banner-1">
							<img src="img/d2.jpg" class="img-responsive" alt="">
							<div class="cat_top"> 
								<i class="fa fa-thumbs-up" aria-hidden="false"></i>
								<p></p>
							</div>
						</div></a>
					</li>
					<li>
					<a href="index.html">
						<div class="banner-1">
							<img src="img/d3.jpg" class="img-responsive" alt="">
							<div class="cat_top"> 
								<i class="fa fa-thumbs-up" aria-hidden="false"></i>
								<p></p>
							</div>
						</div></a>
					</li>
					<li>
					<a href="index.html">
						<div class="banner-1">
							<img src="img/d4.jpg" class="img-responsive" alt="">
							<div class="cat_top"> 
								<i class="fa fa-thumbs-up" aria-hidden="false"></i>
								<p></p>
							</div>
						</div></a>
					</li>
				 </ul>
							
				 <script type="text/javascript">
					$(window).load(function() {
						
						$("#flexiselDemo3").flexisel({
							visibleItems: 5,
							animationSpeed: 1000,
							autoPlay: true,
							autoPlaySpeed: 3000,    		
							pauseOnHover: true,
							enableResponsiveBreakpoints: true,
							responsiveBreakpoints: { 
								portrait: { 
									changePoint:480,
									visibleItems: 2
								}, 
								landscape: { 
									changePoint:640,
									visibleItems: 3
								},
								tablet: { 
									changePoint:768,
									visibleItems: 3
								}
							}
						});
						
						$('.banner-1').hover(function(){
							$(this).children('div').hide();
						},function(){
							$(this).children('div').show();
						});
					});
				</script>
				<script type="text/javascript" src="js/jquery.flexisel.js"></script>
			</div>
		</div>
		<div class="clearfix"> </div>
		<!-- banner -->
        
        <div class="instock">
			<div class="container">
				<a href="brand.html">
					<div class="col-md-6 chuk">
						<div class="about-grid-info " style="float: right;">
							<img src="img/b1.jpg" alt="" />
							<div class="agileits-caption"> 
								<i class="fa fa-thumbs-up" aria-hidden="false"></i>
								<p></p>
							</div>
						</div>
					</div>
				</a>
				<a href="brand.html">
					<div class="col-md-6 blanc">
						<div class="about-grid-info ">
							<img src="img/b2.jpg" alt="" />
							<span class="img_label">
								<img src="img/index/zhixing.png" alt="" />
							</span>
							<span class="img_label_rt">
								<img src="img/index/right_top_line.png" alt="" />
							</span>
							<div class="agileits-caption"> 
								<i class="fa fa-thumbs-up" aria-hidden="false"></i>
								<p></p>
							</div>
						</div>
					</div>
				</a>
				<div class="clearfix"> </div>
			</div>
			<div class="container">
				<a href="brand.html">
					<div class="col-md-6 chuk">
						<div class="about-grid-info " style="float: right;">
							<img src="img/b3.jpg" alt="" />
							<span class="img_label">
								<img src="img/index/qingsong.png" alt="" />
							</span>
							<span class="img_label_lb">
								<img src="img/index/left_bottom_line.png" alt="" />
							</span>
							<div class="agileits-caption"> 
								<i class="fa fa-thumbs-up" aria-hidden="false"></i>
								<p></p>
							</div>
						</div>
					</div>
				</a>
				<a href="brand.html">
					<div class="col-md-6 blanc">
						<div class="about-grid-info ">
							<img src="img/b4.jpg" alt="" />
							<div class="agileits-caption"> 
								<i class="fa fa-thumbs-up" aria-hidden="false"></i>
								<p></p>
							</div>
						</div>
					</div>
				</a>
				<div class="clearfix"> </div>
			</div>
		</div>
        
        <div style="background-image: url(img/bg_video.jpg);background-size: 100% 100%;padding: 30px 0;">
	        	<div class="container">
	        		<div class="row  video" data-scroll-reveal="enter top over 1s and move 200px after 0s" data-scroll-reveal-id="1" style="-webkit-transform: translatey(-200px);transform: translatey(-200px);opacity: 0;-webkit-transition: -webkit-transform 1s ease-in-out 0s,  opacity 1s ease-in-out 0s;transition: transform 1s ease-in-out 0s,  opacity 1s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
	                <div tabindex="0" class="plyr plyr--video plyr--fullscreen-enabled plyr--stopped plyr--ready">
					<div class="plyr__video-wrapper" style="cursor: pointer;">
						<div class="plyr__captions"></div>
						<video class="embed-responsive-item plyr--setup" poster="img/video_show.png">
							<source src="" type="video/mp4">
						</video>
					</div>
					<button type="button" data-plyr="play" class="plyr__play-large" aria-label="Play"><svg><use xlink:href="#plyr-play"></use></svg><span class="plyr__sr-only">Play</span></button>
					<div class="plyr__controls"><button type="button" data-plyr="play" aria-label="Play"><svg><use xlink:href="#plyr-play"></use></svg><span class="plyr__sr-only">Play</span></button><button type="button" data-plyr="pause"><svg><use xlink:href="#plyr-pause"></use></svg><span class="plyr__sr-only">Pause</span></button><span class="plyr__progress"><label for="seek6523" class="plyr__sr-only">Seek</label><input id="seek6523" class="plyr__progress--seek" type="range" min="0" max="100" step="0.1" value="0" data-plyr="seek"><progress class="plyr__progress--played" max="100" value="0" role="presentation"></progress><progress class="plyr__progress--buffer" max="100" value="7.05"><span>7.05</span>% buffered</progress><span class="plyr__tooltip">00:00</span></span><span class="plyr__time"><span class="plyr__sr-only">Current time</span><span class="plyr__time--current">00:39</span></span><button type="button" data-plyr="mute" aria-pressed="false"><svg class="icon--muted"><use xlink:href="#plyr-muted"></use></svg><svg><use xlink:href="#plyr-volume"></use></svg><span class="plyr__sr-only">Toggle Mute</span></button><span class="plyr__volume"><label for="volume6523" class="plyr__sr-only">Volume</label><input id="volume6523" class="plyr__volume--input" type="range" min="0" max="10" value="10" data-plyr="volume"><progress class="plyr__volume--display" max="10" value="10" role="presentation"></progress></span><button type="button" data-plyr="captions"><svg class="icon--captions-on"><use xlink:href="#plyr-captions-on"></use></svg><svg><use xlink:href="#plyr-captions-off"></use></svg><span class="plyr__sr-only">Toggle Captions</span></button><button type="button" data-plyr="fullscreen" aria-pressed="false"><svg class="icon--exit-fullscreen"><use xlink:href="#plyr-exit-fullscreen"></use></svg><svg><use xlink:href="#plyr-enter-fullscreen"></use></svg><span class="plyr__sr-only">Toggle Fullscreen</span></button></div>
					</div>
	            </div>
	        </div>
        </div>
		
        <div class="clearfix"></div>
        
		<div id="show_b">
			<script src="js/modernizr.custom.53451.js"></script>
			<script src="js/jquery.gallery.js" type="text/javascript" charset="utf-8"></script>
			<!--start-work-->
			<div class="work">
				<div class="container">
					<div class="work-bottom">
						<section id="dg-container" class="dg-container">
		   					<div class="dg-wrapper">
								<a href="#"><img src="img/brand/brand_show1.png" alt="image1" /></a>
								<a href="#"><img src="img/brand/brand_show1.png" alt="image2" /></a>
								<a href="#"><img src="img/brand/brand_show1.png" alt="image2" /></a>
								<a href="#"><img src="img/brand/brand_show1.png" alt="image2" /></a>
								<a href="#"><img src="img/brand/brand_show1.png" alt="image2" /></a>
								<a href="#"><img src="img/brand/brand_show1.png" alt="image2" /></a>
							</div>
						</section>
					</div>
				</div>
			</div>
			<!--end-work-->
			<script type="text/javascript">
					$(function() {
					$('#dg-container').gallery({
					autoplay	:	true
						});
					});
			</script>
        </div>
        
        <div class="clearfix"></div>
		
		<div class="footer-b">
		    <div class="container">
		        <div id="info_left">
		        		<ul class="clearfix">
		                <li><a href="index.html">首页</a></li>
		                <li><a href="product.html">产品</a></li>
		                <li><a href="brand.html">品牌</a></li>
		                <li><a href="story.html">故事</a></li>
		                <li><a href="alliance.html">联盟</a></li>
		                <li><a href="http://www.tmall.com">商城</a></li>
			        </ul>
			        <ul id="detail_info">
		                <li>
		                		<i><img src="img/phone.png" alt="" /></i>
		                		<span>020-83702003</span>
		                </li>
		                <br />
		                <li>
		                		<i><img src="img/email.png" alt="" /></i>
		                		<span>943042657@qq.com</span>
		                </li>
		                <br />
		                <li>
		                		<i><img src="img/location.png" alt="" /></i>
		                		<span>广州市白云区石槎路长盛国际商贸园A区J42</span>
		                </li>
			        </ul>
		        </div>
		        <div id="info_right">
		        		<p>滨哲尔官方微信</p>
		        		<img src="img/qrcode.png" alt="" />
		        		<p>扫码关注，惊喜等着你</p>
		        </div>
		    </div>
		
		</div>
	    
	</body>
	
	<script>
	// 滑动
	$(function () {
		$("#sliderBanner").responsiveSlides({
			auto: true,
			pager: true,
//			nav: true,
			speed: 500,
			namespace: "callbacks",
			before: function () {
	  			$('.events').append("<li>before event fired.</li>");
			},
			after: function () {
				$('.events').append("<li>after event fired.</li>");
	        }
		});
	});	
	</script>
	<script>plyr.setup();</script>
    <script>
        (function () {
            window.scrollReveal = new scrollReveal({reset: true, move: '50px'});
        })();
    </script>

</html>
